<head>

    <!-- Bootstrap CSS -->

</head>

<body>
    <div class="wrap wrap-index">
        <!-- slider-->
        <div class="slider">
            <div class="jquery-reslider">
                <div class="slider-block" data-url="images/banner1.jpg">
                    <a href="" target="_blank" style="display:block; width:1000px; height:500px; margin:0px auto;"></a>
                </div>
                <div class="slider-block" data-url="images/banner2.jpg">
                    <a href="" target="_blank" style="display:block; width:1000px; height:500px; margin:0px auto;"></a>
                </div>
                <div class="slider-block" data-url="images/banner3.jpg">
                    <a href="" target="_blank" style="display:block; width:1000px; height:500px; margin:0px auto;"></a>
                </div>
                <div class="slider-direction slider-direction-next"></div>
                <div class="slider-direction slider-direction-prev"></div>
                <div class="slider-dots">
                    <ul>
                    </ul>
                </div>
            </div>
        </div>
        <!-- end build-->
    </div>

    <!-- jQuery -->
    <script src="assets/js/jquery.min.js"></script>
    <!-- Client JavaScript -->
    <script src="assets/js/jquery.reslider.js"></script>
    <script>
        $(function() {
            $('.jquery-reslider').reSlider({
                speed: 1000, //设置轮播的高度
                delay: 5000, //设置轮播的延迟时间
                imgCount: 3, //设置轮播的图片数
                dots: true, //设置轮播的序号点
                autoPlay: true //设置轮播是否自动播放
            });
        });
    </script>
</body>

</html>